import { request } from "../../request/index";
Page({

  /**
   * 页面的初始数据
   */
  data: {
    // tabs
    tabsData: [{
        name: '3x3',
        isActive: true
      },
      {
        name: '4x4',
        isActive: false
      },
      {
        name: '5x5',
        isActive: false
      }
      ,
      {
        name: '6x6',
        isActive: false
      }
    ],
    // 对应模式数据
    userRankingList:[]
  },
  // 根据点击的模块来判断当前处于哪个tabs
  changeTitleByIndex(index){
    const {tabsData} = this.data; //解构出data中定义的tabsData数组
    //筛选整个tabsData把不是点击的那个isActive全部设置为false点击的为true
    tabsData.filter((v, i) => i === index ? v.isActive = true : v.isActive = false)
    //一切操作执行完毕后再重新赋值给tabsData
    this.setData({
      tabsData
    })
  },
  // 点击切换的tabs事件
  tabsItemChange(e) {
    const {index} = e.detail; //解构出事件触发者传递的index
    // 点击进来type值激活的
    this.changeTitleByIndex(index);
    // 当切换了tabs就重新根据type发送请求
    this.Getranking(index +3);
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.Getranking(3);
  },

  // 排行榜请求
  async Getranking(gameType){
    const {data} = await request({
      url:`getRecord/${gameType}`,
    });
    this.setData({
      userRankingList:data
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})